<div class="alpha-box">
	<div class="btn-group" role="group">
		{{#each alphas}}
			<button type="button" {{#if non}}disabled{{/if}} class="btn btn-default">{{lette}}</button>
		{{/each}}
	</div>
</div>
<div class="left-tree">
<div class="panel-group" id="left-accordion" role="tablist" aria-multiselectable="true">
	{{#each vehicles}}
	<div class="panel panel-default" id="panel-{{@key}}">
		<div class="panel-heading" role="tab" id="#lette-{{@key}}">
			<h4 class="panel-title">
		        <a data-toggle="collapse" href="#lette-{{@key}}-panel">
		          {{@key}}
		        </a>
	      	</h4>
		</div>
		<div id="lette-{{@key}}-panel" class="panel-collapse collapse in" role="tabpanel">
			<div class="panel-body">
				{{#each this}}
				<div class="panel panel-default vb-panel">
					<div class="panel-heading" role="tab" id="#vb-{{id}}">
						<h4 class="panel-title">
					        <a data-toggle="collapse" href="#vb-{{id}}-panel">
					          <i class="fa fa-plus-square-o"></i> {{name}}
					        </a>
				      	</h4>
					</div>
					<div id="vb-{{id}}-panel" class="panel-collapse collapse" role="tabpanel" aria-expanded="false">
						<ul class="list-group">
							{{#each lines}}
							<li class="list-group-item vl-item">{{name}}</li>
								{{#each this.models}}
									<li class="list-group-item vm-item" data-id="{{id}}">
										<a href="{{../../../../context}}/selection/{{id}}?category={{../../../../category}}">{{name}}</a></li>
								{{/each}}
							{{/each}}
						</ul>
				    </div>
				</div>
				{{/each}}
			</div>
	    </div>
	</div>
	{{/each}}
</div>
</div>